<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../inc/taglibs.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${workComic.name}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link href="${contextPath}/static/share/css/style.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="wrapper">
    <div class="invit">
        <!--小说封面-->
        <div class="story-cover clearfix">
            <div class="img-cover">
                <div class="img-bottom"><span class="shade"></span><img src="${workComic.cover}"/></div>
                <div class="img-top">
                    <c:if test="${workComic.isEnd == 0}">
                        <span class="state">连载中</span>
                    </c:if>
                    <c:if test="${workComic.isEnd == 1}">
                        <span class="state">已完结</span>
                    </c:if>
                    <img src="${workComic.cover}"/>
                </div>
            </div>
            <div class="intro-cover">
                <h3>${workComic.name}</h3>
                <p>作者：${workComic.author}</p>
                <p>人气：${workComic.playNum}</p>
                <p>更新时间：<date:date value="${workComic.updateTime}" format="yyyy/MM/dd"></date:date></p>
                <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan"><p><span class="read-btn down_btn">开始阅读</span></p></a>
            </div>
        </div>
        <!--小说目录-->
        <div class="contents">
            <h3 class="h3-title"><span class="fr">共${workComic.series }话<i class="i-next"></i></span>目录</h3>
            <ul class="gather-list clearfix">
                <c:forEach var="n" items="${workComic.detailList}">
                    <c:if test="${fn:length(n.name)>'3'}">
                        <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">${fn:substring(n.name, 0, 3)}...</a></li>
                    </c:if>
                    <c:if test="${fn:length(n.name)<='3'}">
                        <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">${n.name}</a></li>
                    </c:if>
                </c:forEach>
            </ul>
        </div>
        <!--作品简介-->
        <div class="work-intro">
            <h3>作品简介</h3>
            <p>${workComic.description}</p>
        </div>
    </div>
</div>
<div class="footer-fixed">
    <div class="download_wrap clearfix">
            <span class="fl"><img src="${contextPath}/static/share/images/logo.png"/>
                <i>亿奇娱乐 <br/> <span>在这里，撩演员，戳主创</span></i>
            </span>
        <a class="download-link fr" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">立即下载</a>
    </div>
</div>
<script type="text/javascript" src="${contextPath}/static/share/js/index.js"></script>
<script type="text/javascript" src="${contextPath}/static/share/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="${contextPath}/static/share/js/prompt.js"></script>
</body>
</html>